<template>
    <div>
      <aside class="control-sidebar control-sidebar-dark" >
        <!--自己加的，为了关闭右侧滑动面板-->
        <div class="right-sidebar-mask" style="position: absolute;top:0;right: 0;height:100vh;width:100vw;z-index:-1" href="#" data-toggle="control-sidebar"></div>
        <!-- Create the tabs -->
        <!--<ul class="nav nav-tabs nav-justified control-sidebar-tabs">-->
        <!--<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>-->
        <!--<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>-->
        <!--</ul>-->
        <!-- Tab panes -->
        <!--<div class="tab-content">-->
        <!--&lt;!&ndash; Home tab content &ndash;&gt;-->
        <!--<div class="tab-pane active" id="control-sidebar-home-tab">-->
        <!--<h3 class="control-sidebar-heading">Recent Activity</h3>-->
        <!--<ul class="control-sidebar-menu">-->
        <!--<li>-->
        <!--<a href="javascript:;">-->
        <!--<i class="menu-icon fa fa-birthday-cake bg-red"></i>-->

        <!--<div class="menu-info">-->
        <!--<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>-->

        <!--<p>Will be 23 on April 24th</p>-->
        <!--</div>-->
        <!--</a>-->
        <!--</li>-->
        <!--</ul>-->
        <!--&lt;!&ndash; /.control-sidebar-menu &ndash;&gt;-->

        <!--<h3 class="control-sidebar-heading">Tasks Progress</h3>-->
        <!--<ul class="control-sidebar-menu">-->
        <!--<li>-->
        <!--<a href="javascript:;">-->
        <!--<h4 class="control-sidebar-subheading">-->
        <!--Custom Template Design-->
        <!--<span class="pull-right-container">-->
        <!--<span class="label label-danger pull-right">70%</span>-->
        <!--</span>-->
        <!--</h4>-->

        <!--<div class="progress progress-xxs">-->
        <!--<div class="progress-bar progress-bar-danger" style="width: 70%"></div>-->
        <!--</div>-->
        <!--</a>-->
        <!--</li>-->
        <!--</ul>-->
        <!--&lt;!&ndash; /.control-sidebar-menu &ndash;&gt;-->

        <!--</div>-->
        <!-- /.tab-pane -->
        <!-- Stats tab content -->
        <div class="tab-pane active" id="control-sidebar-settings-tab" style="padding: 1em;">
          <h3 v-text="cfg.tr.base_setting"></h3>
          <label for="lans" v-text="cfg.tr.language"></label>
          <select name="" id="lans" v-model="crt_lan" class="form-control">
            <option v-for="lan in lans" :value="lan.value" v-text="lan.label"></option>
          </select>
        </div>
        <!-- /.tab-pane -->
        <!-- Settings tab content -->
        <!--<div class="tab-pane" id="control-sidebar-settings-tab1">-->
        <!--<form method="post">-->
        <!--<h3 class="control-sidebar-heading">General Settings</h3>-->

        <!--<div class="form-group">-->
        <!--<label class="control-sidebar-subheading">-->
        <!--Report panel usage-->
        <!--<input type="checkbox" class="pull-right" checked>-->
        <!--</label>-->

        <!--<p>-->
        <!--Some information about this general settings option-->
        <!--</p>-->
        <!--</div>-->
        <!--&lt;!&ndash; /.form-group &ndash;&gt;-->
        <!--</form>-->
        <!--</div>-->
        <!-- /.tab-pane -->
        <!--</div>-->
      </aside>
      <!-- /.control-sidebar -->
      <!-- Add the sidebar's background. This div must be placed
      immediately after the control sidebar -->

      <div class="control-sidebar-bg" ></div>
    </div>
</template>
<script>
export default {
    data(){
      return {
        lans:js_config.lans,
        cfg:cfg,
        crt_lan:js_config.crt_lan
      }
    },
    watch:{
      crt_lan:function(v){
        ex.setCookie('django_language',v)
        location.reload()
      }
    }
}

</script>